<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>服务详情</title>
    <meta http-equiv="description" content=""/>
    <meta http-equiv="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"/>
    <link href="{{ URL::asset('front/css/bootstrap.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ URL::asset('front/fonts/font-awesome.min.css') }}">
    <script src="{{ URL::asset('front/js/jquery.min.js') }}"></script>
    <script src="{{ URL::asset('front/js/bootstrap.min.js') }}"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

    <link rel="stylesheet" type="text/css" href="{{ URL::asset('front/css/common.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ URL::asset('front/css/site.css') }}"/>
    <style>
        .xh{
            padding: 10px 0;
        }
        .xh a:nth-child(3){
            margin-left: 38px;
            margin-top: 13px;
        }
    </style>
</head>

<body>


<div id="product_info">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist"   data-spy="affix" data-offset-top="236">
        <li class="active"><a href="#anzhuang" role="tab" data-toggle="tab"><i class="fa fa-thumbs-o-up"></i> 服务评价</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">

        <div class="tab-pane active" id="anzhuang">

            <DIV style="width:100%; padding:8px;background:#f0f0f0">
                <IMG alt="" src="{{ $PATH }}{{ $area->cover }}" style="width:40%;float:left; margin:0 8px 0 0;">
                <div>
                    <p><span class="pop">当前所在位置：</span><br/>{{ $area->cityinfo->name }}&gt;{{ $area->fatherinfo->name }}&gt;{{ $area->name }}</p>
                    <p><span class="pop">自来水中溶解性总固体含量：</span>{{ $area->data1 }}mg/L</p>
                    <p><span class="pop">净水溶解性总固体含量：</span>{{ $area->data2 }}mg/L</p>
                    <p><span class="pop">服务网点位置(点击可以导航)：</span>@if($area->service_x == '') {{ $area->service_address }} @else <a href="http://api.map.baidu.com/marker?location={{ $area->service_x }},{{ $area->service_y }}&title={{ $area->service_address }}&content={{ $area->service_address }}&output=html&src={{ $area->service_address }}">{{ $area->service_address }}</a>@endif</p>
                </div>

            </DIV>
            <ul id="myrank1">
                @foreach($rates as $rate)
                    <li class="clearfix">
                        <h4><img class="img-circle" src="{{ $rate->customer->avatar }}"/> {{ $rate->service->mount->xiaoqu->name }}***@if($rate->service->mount->sex == 1)先生@else女士@endif</h4>
                        <p class="picshow clearfix">
                            @foreach($rate->service->mount->pictures as $picture)
                                <span style=" background-image:url('{{ $picture->path }}')"></span>
                            @endforeach
                        </p>
                        <p>{{ $rate->remark }}</p>
                        <div><span class="pull-right">{{ $rate->created_at }}</span>
                            @for($i = 0;$i<$rate->form1;$i++)
                                <i class="fa fa-star"></i>
                            @endfor
                        </div>
                    </li>
                @endforeach

                @foreach($mounts as $mount)
                    <li class="clearfix">
                        <h4><img class="img-circle" src="http://7vij71.com2.z0.glb.qiniucdn.com/leaderphos/default.jpg"/> {{ $mount->xiaoqu->name }}***@if($mount->sex == 1)先生@else女士@endif</h4>
                        <p class="picshow clearfix">
                            @foreach($mount->pictures as $picture)
                                <span style=" background-image:url('{{ $picture->path }}')"></span>
                            @endforeach
                        </p>
                        <div><span class="pull-right">{{ substr($mount->created_at,0,10) }}</span>
                            @for($i = 0;$i<5;$i++)
                                <i class="fa fa-star"></i>
                            @endfor
                        </div>

                    </li>
                @endforeach



            </ul>
        </div>
    </div>
</div>


<div class="copy">
    <div class="container">

    </div>
</div>

<footer class="footer">
    <div class="row">
        <div class="col-xs-6"><a href="javascript:void(0);" onclick="WeixinJSBridge.call('closeWindow');"><i class="fa fa-remove"></i> 返回</a></div>
        <div class="col-xs-6"><a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxc64f995bebe39161&redirect_uri=http%3a%2f%2fcrm.leaderphos.com%2fdiscern&response_type=code&scope=snsapi_userinfo&state=request#wechat_redirect"><i class="fa fa-gift"></i> 立即申请</a></div>
    </div>
</footer>

<script src="{{ URL::asset('front/js/jquery.min.js') }}"></script>
<script type="text/javascript">
    $(function(){
        $("#brand_menu").click(function(){
            $("#k_list").toggle();
        })
    });
</script>
<script>
    /*
     * 注意：
     * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
     * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
     * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
     * 邮箱地址：weixin-open@qq.com
     * 邮件主题：【微信JS-SDK反馈】具体问题
     * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
     */
    wx.config({
        debug: false,
        appId: '{{ $signPackage["appId"] }}',
        timestamp: {{ $signPackage["timestamp"] }},
        nonceStr: '{{ $signPackage["nonceStr"] }}',
        signature: '{{ $signPackage["signature"] }}',
        jsApiList: [
            'onMenuShareAppMessage',
            'onMenuShareTimeline',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage',


        ]
    });
</script>



<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

</body>
</html>
